(function () {
    const oEchart = echarts.init(document.getElementById('map01'));
    $.get('https://yb-web-1252497236.file.myqcloud.com/mapgeo/china2.json').then(res => {
        // console.log(res, 'res')
        if (res) {
            echarts.registerMap('chinaBase', res)
            oEchart.setOption({
                geo: [
                    {
                        name: 'Access From',
                        type: 'map',
                        map: 'chinaBase',
                        roam: true, //允许鼠标滚轮缩放和拖动
                        label: { //标签名称设置
                            show: true
                        },
                        zoom: 1.1, //默认缩放比例
                        // center: [87, 43] //初始化中心点坐标
                    }
                ],
                series: [
                    {
                        type: 'map',
                        geoIndex: 0,
                        data: res.features.map(item => {
                            return { name: item.properties.name, value: Math.round(Math.random() * (800 - 100) + 100) }
                        })
                    },
                    {
                        type: 'effectScatter', //涟漪散点图结合地图
                        coordinateSystem: 'geo', //设置散点图数据使用geo坐标模式渲染
                        rippleEffect: {
                            scale: 5
                        },
                        data: [
                            { value: [117, 31] }
                        ]
                    }
                ],
                visualMap: { //视觉效果设置
                    show: true, //是否显示控制条
                    min: 0, //最小值
                    max: 800, //最大值
                    inRange: {
                        color: ['#fff', '#f00'] //颜色区间
                    },
                    calculable: true //是否显示滑块,可拖动筛选数据区域
                }
            })
        }
    })

})()